$color-theme:#0c34ba;
$color-text:#979b9c;

// 组件插件
// 
.order .order-container {
    padding: 10px;
    margin-top: 20px;

    background-color: #fff;
    // background-color: red;

    border-radius: 10px;
    // overflow: hidden;

    .order-content {
        .order-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 8px;
            border-bottom: 1px solid #bbbaba;

            .btn-commit {
                display: flex;
                align-items: center;
                color: $color-theme;
                font-weight: 550;
            }

            .btn-del {
                margin-left: 15px;
                color: #5b5b5b;
            }
        }

        .order-item {
            display: flex;
            padding: 10px 0px;


            img {
                width: 70px;
                margin: 0px 10px;
            }

            .order-info {
                flex: 1;
                display: flex;
                flex-wrap: wrap;

                >div {
                    width: 100%;
                    color: $color-text;

                    .name {
                        font-size: 16px;
                        font-weight: 600;
                        margin-right: 12px;
                        color: #5b5b5b;
                    }

                    .price {
                        display: inline-block;
                        width: 85%;
                        font-size: 14px;
                        font-weight: bold;
                        color: $color-theme;
                    }

                }
            }
        }

        .total-price {
            position: relative;
            padding: 25px 5px 0px 5px;
            margin-top: 10px;
            font-weight: 550;

            display: flex;
            justify-content: space-between;
            border-top: 3px dotted #ccc;

            .pricetotal {
                color: $color-theme;
            }

            .circular {
                position: absolute;
                top: 0;
                width: 35px;
                height: 35px;
                border-radius: 50%;
                background-color: #d6d6d6;

                &.right {
                    right: -10px;
                    transform: translate(50%, -50%);
                }

                &.left {
                    left: -10px;
                    transform: translate(-50%, -50%);
                }
            }
        }

        .footer{
            font-size: 14px;
        }
    }
}